/**
 * 组件名称：系统通知
 * 使用场景：右上角系统通知，带提示点
 * 功能介绍：当有待办任务时，会有提示点。点击可跳转至待办事项列表
 * 功能进度：80%
 * 待办事项：实时监测待办事项是否为空，为空则不显示提示点
 */

import {Indicator, Tooltip, ActionIcon, rem} from "@mantine/core";
import {IconBell} from "@tabler/icons-react";
import Link from "next/link";

export const IpdNotification = () => {
  return (
    <Indicator position="top-end" size={10}>
      <Tooltip label="通知" withArrow transitionProps={{transition: "fade", duration: 300}}>
        <ActionIcon
          variant="default"
          size="lg"
          radius="md"
          aria-label="Notification"
          component={Link}
          href="/ipdv2/tasks"
        >
          <IconBell style={{width: rem(22), height: rem(22)}} stroke={1.5} />
        </ActionIcon>
      </Tooltip>
    </Indicator>
  );
};
